/** index.js By Beginner Emain:zheng_jinfan@126.com HomePage:http://www.zhengjinfan.cn */
layui.config({
	base: 'js/'
}).use(['element', 'layer', 'navbar', 'tab'], function() {
	var element = layui.element(),
		$ = layui.jquery,
		layer = layui.layer,
		navbar = layui.navbar(),
		tab = layui.tab({
			elem: '.admin-nav-card' //设置选项卡容器
		});
	//iframe自适应
	$(window).on('resize', function() {
		var $content = $('.admin-nav-card .layui-tab-content');
		$content.height($(this).height() - 147);
		$content.find('iframe').each(function() {
			$(this).height($content.height());
		});
	}).resize();

    layui.tree({
        elem: '#demo1' //指定元素
        //,target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
        ,click: function(item){ //点击节点回调
            layer.msg('当前节名称：'+ item.name + '<br>全部参数：'+ JSON.stringify(item));
            console.log(item);
        }
        ,nodes: [ //节点
            {
                name: '待办工作台'
                ,id: 1
                ,alias: 'changyong'
                ,children: [
                {
                    name: '待处理事项 '
                    ,id: 11
                    ,url: 'dcl.jsp'
                    ,alias: 'weidu'
                }, {
                    name: '已处理事项'
                    ,id: 12
                    ,url: 'ycl.jsp'
                    ,alias: 'weidu'
                }
            ]
            }, {
                name: '监控工作台'
                ,id: 2
                ,spread: false
                ,children: [
                    {
                        name: '项目执行情况图'
                        ,id: 21
                        ,url: 'jk.jsp'
                        ,alias: 'weidu'
                    }, {
                        name: '集团人力分析图'
                        ,id: 22
                        ,url: 'rl.jsp'
                        ,alias: 'weidu'
                    }
                ]
            }
            ,{
                name: '查询工作台'
                ,id: 3
                ,alias: 'changyong'
                ,children: [
                     {
                        name: '生产指令查询'
                        ,id: 12
                        ,children: [
							{
                                name: '生产联系单'
                                ,id: 122
                                ,url: 'Ldsclxd.jsp'
                            },{
                                name: '电话记录'
                                ,id: 122
                                ,url: 'Lddhjl.jsp'
                            },{
                                name: '设计委托'
                                ,id: 123
                                ,url: 'Ldsjwt.jsp'
                            },{
                                name: '口头任务'
                                ,id: 124
                                ,url: 'Ldktrw.jsp'
                            },{
                                name: '任务通知'
                                ,id: 125
                                ,url: 'Ldscrwtz.jsp'
                            },{
                                name: '调度通知'
                                ,id: 126
                                ,url: 'Ldscddtz.jsp'
                            },{
                                name: '外业派遣人员名单'
                                ,id: 127
                                ,url: 'Ldwypqry.jsp'
                            },{
                                name: '勘察任务书审批'
                                ,id: 128
                                ,url: 'Ldkcrwssp.jsp'
                            },{
                                name: '勘察作业计划审批'
                                ,id: 129
                                ,url: 'Ldkczyjhsp.jsp'
                            },{
                                name: '勘察作业计划调整'
                                ,id: 130
                                ,url: 'Ldkczyjhtz.jsp'
                            },{
                                name: '外业勘察工作量调整'
                                ,id: 131
                                ,url: 'Ldwykcgzltz.jsp'
                            },{
                                name: '勘察设计划调整'
                                ,id: 132
                                ,url: 'Ldkcsjjhtz.jsp'
                            },{
                                name: '人员调整'
                                ,id: 133
                                ,url: 'Ldrytz.jsp'
                            },{
                                name: '设计文件送审'
                                ,id: 134
                                ,url: 'Ldsjwjss.jsp'
                            },{
                                name: '文整执行情况'
                                ,id: 135
                                ,url: 'Ldwz.jsp'
                            },{
                                name: '项目周报'
                                ,id: 136
                                ,url: 'Ldxmzb.jsp'
                            },{
                                name: '会议通知'
                                ,id: 136
                                ,url: 'Ldhytz.jsp'
                            },{
                                name: '其它通知'
                                ,id: 136
                                ,url: 'Ldhytz.jsp'
                            },{
                                name: '驻外项目部周报和汇报'
                                ,id: 136
                                ,url: 'Ldzwxmbzbhhb.jsp'
                            }							
                        ]
                    }, {
                        name: '项目情况查询'
                        ,id: 31
                        ,url: 'xm.jsp'
                        ,alias: 'love'
                    }, {
                        name: '项目计划查询'
                        ,id: 31
                        ,url: 'jszyjkb.jsp'
                        ,alias: 'love'
                    }
                ]
            }
        ]
        ,click: function(node){
        	if(node.url!==undefined&&node.url!==null&&node.url.length>1)
            tab.tabAdd({
                title: node.name,
                //icon: 'fa-user',
                href: node.url
            });

        }

    });
	//设置navbar
	/*navbar.set({
		spreadOne: true,
		elem: '#admin-navbar-side',
		cached: true,
		data: navs
			/!*cached:true,
			url: 'datas/nav.json'*!/
	});
	//渲染navbar
	navbar.render();*/
	//监听点击事件
/*	navbar.on('click(side)', function(data) {
		tab.tabAdd(data.field);
	});*/

	$('.admin-side-toggle').on('click', function() {
		var sideWidth = $('#admin-side').width();
		if(sideWidth === 200) {
			$('#admin-body').animate({
				left: '0'
			}); //admin-footer
			$('#admin-footer').animate({
				left: '0'
			});
			$('#admin-side').animate({
				width: '0'
			});
		} else {
			$('#admin-body').animate({
				left: '200px'
			});
			$('#admin-footer').animate({
				left: '200px'
			});
			$('#admin-side').animate({
				width: '200px'
			});
		}
	});

	//锁屏
	$(document).on('keydown', function() {
		var e = window.event;
		if(e.keyCode === 76 && e.altKey) {
			//alert("你按下了alt+l");
			lock($, layer);
		}
	});
	$('#lock').on('click', function() {
		lock($, layer);
	});

	//手机设备的简单适配
	var treeMobile = $('.site-tree-mobile'),
		shadeMobile = $('.site-mobile-shade');
	treeMobile.on('click', function() {
		$('body').addClass('site-mobile');
	});
	shadeMobile.on('click', function() {
		$('body').removeClass('site-mobile');
	});
});

function lock($, layer) {
	//自定页
	layer.open({
		title: false,
		type: 1,
		closeBtn: 0,
		anim: 6,
		content: $('#lock-temp').html(),
		shade: [0.9, '#393D49'],
		success: function(layero, lockIndex) {

			//给显示用户名赋值
			layero.find('div#lockUserName').text('admin');
			layero.find('input[name=lockPwd]').on('focus', function() {
					var $this = $(this);
					if($this.val() === '输入密码解锁..') {
						$this.val('').attr('type', 'password');
					}
				})
				.on('blur', function() {
					var $this = $(this);
					if($this.val() === '' || $this.length === 0) {
						$this.attr('type', 'text').val('输入密码解锁..');
					}
				});
			//在此处可以写一个请求到服务端删除相关身份认证，因为考虑到如果浏览器被强制刷新的时候，身份验证还存在的情况			
			//do something...
			//e.g. 
			/*
			 $.post(url,params,callback,'json');
			 */
			//绑定解锁按钮的点击事件
			layero.find('button#unlock').on('click', function() {
				var $lockBox = $('div#lock-box');

				var userName = $lockBox.find('div#lockUserName').text();
				var pwd = $lockBox.find('input[name=lockPwd]').val();
				if(pwd === '输入密码解锁..' || pwd.length === 0) {
					layer.msg('请输入密码..', {
						icon: 2,
						time: 1000
					});
					return;
				}
				unlock(userName, pwd);
			});
			/**
			 * 解锁操作方法
			 * @param {String} 用户名
			 * @param {String} 密码
			 */
			var unlock = function(un, pwd) {
				//这里可以使用ajax方法解锁
				/*$.post('api/xx',{username:un,password:pwd}},function(data){
				 	//验证成功
					if(data.success){
						//关闭锁屏层
						layer.close(lockIndex);
					}else{
						layer.msg('密码输入错误..',{icon:2,time:1000});
					}					
				},'json');
				*/

				//演示：默认输入密码都算成功
				//关闭锁屏层
				layer.close(lockIndex);
			};
		}
	});
};